

<div class="container">
    <br>
    <br>
    <div class="row">
        <div class="col-lg-4">
            <form class="form-inline">
                <div class="form-group">
                    <label>会员卡号:</label>
                    <input type="text" class="form-control" id="exampleInputName6" placeholder="请输入会员卡号">
                </div>
            </form>
        </div>
        <div class="col-lg-4">
            <form class="form-inline">
                <div class="form-group">
                    <label >会员姓名:</label>
                    <input type="text" class="form-control" id="exampleInputName23" placeholder="请输入会员姓名">
                </div>
            </form>
            </div>
                <div class="col-lg-4">
                    <button type="button" class="btn btn-primary">搜索</button>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp  <button type="submit" class="btn btn-success">打印</button>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                    <button type="reset" class="btn btn-warning">导出</button>
                </div>
            </div>


        </div>
    </div>
</div>
<br>
<br>

<div class="ui-tab-container ui-tab-horizontal">
    <tabset justified="false" class="ui-tab">
        <tab heading="卡基本资料">

            <div class="row">


                <div class="col-lg-4">
                    <form class="form-inline">
                            <label >卡类型:</label>
                            <select class="form-control">
                                <option>金额卡</option>
                                <option>次数卡</option>
                                <option>期限卡</option>
                            </select>
                    </form>
                </div>
            </div>
            <div class="row">
            <table class="table table-hover">
                <thead>
                <tr>
                    <th>编号</th>
                    <th>卡类型</th>
                    <th>会员卡号</th>
                    <th>姓名</th>
                    <th>卡内金额</th>
                    <th>剩余次数</th>
                    <th>剩余天数</th>
                    <th>消费项目</th>
                    <th>微信昵称</th>
                    <th>联系电话</th>
                    <th>积分</th>
                    <th>状态</th>
                    <th>登记日期</th>
                    <th>开始日期</th>
                    <th>截止日期</th>
                    <th>操作员</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>1</td>
                    <td>次数卡</td>
                    <td>100</td>
                    <td>韩建</td>
                    <td>无</td>
                    <td>100</td>
                    <td>无</td>
                    <td>详情</td>
                    <td>越狱</td>
                    <td>15273505117</td>
                    <td>300</td>
                    <td>有效</td>
                    <td>2015/02/03</td>
                    <td>2015/02/03</td>
                    <td>2015/02/03</td>
                    <td> 不告诉你 </td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>期限卡</td>
                    <td>100</td>
                    <td>韩建</td>
                    <td>无</td>
                    <td>无</td>
                    <td>100</td>
                    <td>详情</td>
                    <td>越狱</td>
                    <td>15273505117</td>
                    <td>300</td>
                    <td>有效</td>
                    <td>2015/02/03</td>
                    <td>2015/02/03</td>
                    <td>2015/02/03</td>
                    <td> 不告诉你 </td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>金额卡</td>
                    <td>100</td>
                    <td>韩建</td>
                    <td>100</td>
                    <td>无</td>
                    <td>无</td>
                    <td>详情</td>
                    <td>越狱</td>
                    <td>15273505117</td>
                    <td>300</td>
                    <td>有效</td>
                    <td>2015/02/03</td>
                    <td>2015/02/03</td>
                    <td>2015/02/03</td>
                    <td> 不告诉你 </td>
                </tr>

                </tbody>
            </table>
            </div>

        </tab>
<!--        <tab heading="续卡，购卡">
            <div class="row">
                <div class="col-lg-2">
                    <form class="form-inline">
                        <div class="form-group">
                            <label>会员卡号:</label>
                            <label>001</label>
                        </div>
                    </form>
                </div>
                <div class="col-lg-2">
                    <form class="form-inline">
                        <div class="form-group">
                            <label >会员姓名:</label>
                            <label >李四</label>

                        </div>
                    </form>
                </div>
                <div class="col-lg-2">

                        <form class="form-inline">
                            <div class="form-group">
                                <label >联系电话：</label>
                                <label >110</label>

                            </div>
                        </form>
                </div>
                <div class="col-lg-2">
                        <form class="form-inline">
                            <div class="form-group">
                                <label >会员购卡方案：</label>
                                <label >充100送100</label>

                            </div>
                        </form>
                </div>
                <div class="col-lg-4">
                        <form class="form-inline">
                            <div class="form-group">
                                <label >提醒信息</label>
                                <label >暂无</label>
                            </div>
                        </form>
                    </div>
                </div>
        </tab>
        <tab heading="会员零充">
            <div class="row">
                <div class="col-lg-2">
                    <form class="form-inline">
                        <div class="form-group">
                            <label>会员卡号:</label>
                            <label>001</label>
                        </div>
                    </form>
                </div>
                <div class="col-lg-2">
                    <form class="form-inline">
                        <div class="form-group">
                            <label >会员姓名:</label>
                            <label >李四</label>

                        </div>
                    </form>
                </div>
                <div class="col-lg-2">

                    <form class="form-inline">
                        <div class="form-group">
                            <label >联系电话：</label>
                            <label >110</label>

                        </div>
                    </form>
                </div>
                <div class="col-lg-2">
                    <form class="form-inline">
                        <div class="form-group">
                            &lt;!&ndash;          <label >会员购卡方案：</label>
                                      <label >充100送100</label>&ndash;&gt;

                        </div>
                    </form>
                </div>
                <div class="col-lg-4">
                    <form class="form-inline">
                        <div class="form-group">
                            <label >提醒信息</label>
                            <label >暂无</label>
                        </div>
                    </form>
                </div>
            </div>

            <div class="row">
                <table class="table table-hover">
                    <thead>
                    <tr>
                        <th>编号</th>
                        <th>储值类型</th>
                        <th>卡类型</th>
                        <th>卡内金额</th>
                        <th>剩余次数</th>
                        <th>剩余天数</th>
                        <th>开始日期</th>
                        <th>截止日期</th>
                        <th>消费项目</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>1</td>
                        <td>金额卡</td>
                        <td>金卡</td>
                        <td>100</td>
                        <td>无</td>
                        <td>无</td>
                        <td>2015/02/03</td>
                        <td>2015/02/03</td>
                        <td>详情</td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>金额卡</td>
                        <td>金卡</td>
                        <td>100</td>
                        <td>无</td>
                        <td>无</td>
                        <td>2015/02/03</td>
                        <td>2015/02/03</td>
                        <td>详情</td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>金额卡</td>
                        <td>金卡</td>
                        <td>100</td>
                        <td>无</td>
                        <td>无</td>
                        <td>2015/02/03</td>
                        <td>2015/02/03</td>
                        <td>详情</td>
                    </tr>

                    </tbody>
                </table>
            </div>
            <p>
            <div class="row">
                <div class="col-lg-4">
                    <form class="form-inline">
                        <label >卡类型:</label>
                        <label >金卡</label>
                    </form>
                </div>

                <div class="col-lg-4">

                    <form class="form-inline">
                        <label> 储值类型:</label>
                        <label>金额卡</label>
                    </form>


                </div>
                <div class="col-lg-4">
                    <form class="form-inline">
                        <label> 充值金额:</label>
                        <input type="text" class="form-control" placeholder="请输入充值金额">
                    </form>
                </div>

            </div>
            </p>



            <p>
            <div class="row">
                <div class="col-lg-3 text-right col-md-push-3">
                    <button type="submit" class="btn btn-success">确定充值</button>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <button type="reset" class="btn btn-warning">取消</button>
                </div>

            </div>
            </p>

        </tab>-->
        <tab heading="卡类型变更">

            <div class="row">
                <div class="col-lg-2">
                    <form class="form-inline">
                        <div class="form-group">
                            <label>会员卡号:</label>
                            <label>001</label>
                        </div>
                    </form>
                </div>
                <div class="col-lg-2">
                    <form class="form-inline">
                        <div class="form-group">
                            <label >会员姓名:</label>
                            <label >李四</label>

                        </div>
                    </form>
                </div>
                <div class="col-lg-2">

                    <form class="form-inline">
                        <div class="form-group">
                            <label >联系电话：</label>
                            <label >110</label>

                        </div>
                    </form>
                </div>
                <div class="col-lg-2">
                    <form class="form-inline">
                        <div class="form-group">
                  <!--          <label >会员购卡方案：</label>
                            <label >充100送100</label>-->

                        </div>
                    </form>
                </div>
                <div class="col-lg-4">
                    <form class="form-inline">
                        <div class="form-group">
                            <label >提醒信息</label>
                            <label >暂无</label>
                        </div>
                    </form>
                </div>
            </div>

            <div class="row">
            <table class="table table-hover">
                <thead>
                <tr>
                    <th>编号</th>
                    <th>储值类型</th>
                    <th>卡类型</th>
                    <th>卡内金额</th>
                    <th>剩余次数</th>
                    <th>剩余天数</th>
                    <th>开始日期</th>
                    <th>截止日期</th>
                    <th>消费项目</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>1</td>
                    <td>金额卡</td>
                    <td>金卡</td>
                    <td>100</td>
                    <td>无</td>
                    <td>无</td>
                    <td>2015/02/03</td>
                    <td>2015/02/03</td>
                    <td>详情</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>金额卡</td>
                    <td>金卡</td>
                    <td>100</td>
                    <td>无</td>
                    <td>无</td>
                    <td>2015/02/03</td>
                    <td>2015/02/03</td>
                    <td>详情</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>金额卡</td>
                    <td>金卡</td>
                    <td>100</td>
                    <td>无</td>
                    <td>无</td>
                    <td>2015/02/03</td>
                    <td>2015/02/03</td>
                    <td>详情</td>
                </tr>

                </tbody>
            </table>
                </div>
            <p>
            <div class="row">
            <div class="col-lg-4">
                <form class="form-inline">
                    <label >卡类型:</label>
                    <label >金卡</label>
                </form>
            </div>

            <div class="col-lg-4">
                <form class="form-inline">
                    <label >变更为</label>

                </form>
            </div>
            <div class="col-lg-4">
                <form class="form-inline">
                        <select class="form-control">
                            <option>特殊卡</option>
                            <option>特殊卡</option>
                            <option>特殊卡</option>
                        </select>
                </form>
            </div>

            </div>
            </p>

            <p>
            <div class="row">
                <div class="col-lg-4">

                </div>

                <div class="col-lg-4">
                    <form class="form-inline">
                        <label >变更原因：</label>
                        <input type="text" class="form-control " placeholder="请输入变更原因">

                    </form>
                </div>
                <div class="col-lg-4">

                </div>

            </div>
            </p>

            <p>
            <div class="row">
                <div class="col-lg-3 text-right col-md-push-3">
                    <button type="submit" class="btn btn-success">确定</button>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <button type="reset" class="btn btn-warning">取消</button>
                </div>

            </div>
            </p>

        </tab>
        <tab heading="会员挂失，补卡">
            <div class="row">
                <div class="col-lg-2">
                    <form class="form-inline">
                        <div class="form-group">
                            <label>会员卡号:</label>
                            <label>001</label>
                        </div>
                    </form>
                </div>
                <div class="col-lg-2">
                    <form class="form-inline">
                        <div class="form-group">
                            <label >会员姓名:</label>
                            <label >李四</label>

                        </div>
                    </form>
                </div>
                <div class="col-lg-2">

                    <form class="form-inline">
                        <div class="form-group">
                            <label >联系电话：</label>
                            <label >110</label>

                        </div>
                    </form>
                </div>
                <div class="col-lg-2">
                    <form class="form-inline">
                        <div class="form-group">
                            <!--          <label >会员购卡方案：</label>
                                      <label >充100送100</label>-->

                        </div>
                    </form>
                </div>
                <div class="col-lg-4">
                    <form class="form-inline">
                        <div class="form-group">
                            <label >提醒信息</label>
                            <label >暂无</label>
                        </div>
                    </form>
                </div>
            </div>

            <div class="row">
                <table class="table table-hover">
                    <thead>
                    <tr>
                        <th>编号</th>
                        <th>储值类型</th>
                        <th>卡类型</th>
                        <th>卡内金额</th>
                        <th>剩余次数</th>
                        <th>剩余天数</th>
                        <th>开始日期</th>
                        <th>截止日期</th>
                        <th>消费项目</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>1</td>
                        <td>金额卡</td>
                        <td>金卡</td>
                        <td>100</td>
                        <td>无</td>
                        <td>无</td>
                        <td>2015/02/03</td>
                        <td>2015/02/03</td>
                        <td>详情</td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>金额卡</td>
                        <td>金卡</td>
                        <td>100</td>
                        <td>无</td>
                        <td>无</td>
                        <td>2015/02/03</td>
                        <td>2015/02/03</td>
                        <td>详情</td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>金额卡</td>
                        <td>金卡</td>
                        <td>100</td>
                        <td>无</td>
                        <td>无</td>
                        <td>2015/02/03</td>
                        <td>2015/02/03</td>
                        <td>详情</td>
                    </tr>

                    </tbody>
                </table>
            </div>
            <p>
            <div class="row">
                <div class="col-lg-4">
                    <form class="form-inline">
                        <button type="submit" class="btn btn-success">确定挂失</button>
                    </form>
                </div>
                          <div class="col-lg-4">
                    <form class="form-inline">
                        <button type="submit" class="btn btn-success">确定恢复</button>
                    </form>
                </div>
                <div class="col-lg-4">
                    <form class="form-inline">
                        <button type="reset" class="btn btn-warning">取消</button>
                    </form>
                </div>

            </div>
            </p>

            <br/>
            <br/>
            <br/>
            <p>
            <div class="row">


            </div>
            </p>

        </tab>
        </tab>
        <tab heading="停卡，启用">
            <div class="row">
                <div class="col-lg-2">
                    <form class="form-inline">
                        <div class="form-group">
                            <label>会员卡号:</label>
                            <label>001</label>
                        </div>
                    </form>
                </div>
                <div class="col-lg-2">
                    <form class="form-inline">
                        <div class="form-group">
                            <label >会员姓名:</label>
                            <label >李四</label>

                        </div>
                    </form>
                </div>
                <div class="col-lg-2">

                    <form class="form-inline">
                        <div class="form-group">
                            <label >联系电话：</label>
                            <label >110</label>

                        </div>
                    </form>
                </div>
                <div class="col-lg-2">
                    <form class="form-inline">
                        <div class="form-group">
                            <!--          <label >会员购卡方案：</label>
                                      <label >充100送100</label>-->

                        </div>
                    </form>
                </div>
                <div class="col-lg-4">
                    <form class="form-inline">
                        <div class="form-group">
                            <label >提醒信息</label>
                            <label >暂无</label>
                        </div>
                    </form>
                </div>
            </div>

            <div class="row">
                <table class="table table-hover">
                    <thead>
                    <tr>
                        <th>编号</th>
                        <th>储值类型</th>
                        <th>卡类型</th>
                        <th>卡内金额</th>
                        <th>剩余次数</th>
                        <th>剩余天数</th>
                        <th>开始日期</th>
                        <th>截止日期</th>
                        <th>消费项目</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>1</td>
                        <td>金额卡</td>
                        <td>金卡</td>
                        <td>100</td>
                        <td>无</td>
                        <td>无</td>
                        <td>2015/02/03</td>
                        <td>2015/02/03</td>
                        <td>详情</td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>金额卡</td>
                        <td>金卡</td>
                        <td>100</td>
                        <td>无</td>
                        <td>无</td>
                        <td>2015/02/03</td>
                        <td>2015/02/03</td>
                        <td>详情</td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>金额卡</td>
                        <td>金卡</td>
                        <td>100</td>
                        <td>无</td>
                        <td>无</td>
                        <td>2015/02/03</td>
                        <td>2015/02/03</td>
                        <td>详情</td>
                    </tr>

                    </tbody>
                </table>
            </div>
           <!-- <p>
            <div class="row">
                <div class="col-lg-4">
                    <form class="form-inline">
                        <label >卡类型:</label>
                        <label >金卡</label>
                    </form>
                </div>

                <div class="col-lg-4">
                    <form class="form-inline">
                        <label >变更为</label>

                    </form>
                </div>
                <div class="col-lg-4">
                    <form class="form-inline">
                        <select class="form-control">
                            <option>特殊卡</option>
                            <option>特殊卡</option>
                            <option>特殊卡</option>
                        </select>
                    </form>
                </div>

            </div>
            </p>
-->
            <p>
            <div class="row">
                <div class="col-lg-4">

                    <form class="form-inline">
                        <div class="form-group">
                            <label >停卡日期从</label>
                            <input type="text" class="form-control" placeholder="请输入停卡日期">
                        </div>
                    </form>

                </div>

                <div class="col-lg-4">
                    <form class="form-inline">
                        <div class="form-group">
                            <label >到日期</label>
                            <input type="text" class="form-control" placeholder="请输入日期">
                        </div>
                    </form>
                </div>
                <div class="col-lg-4">
                    <form class="form-inline">
                        <div class="form-group">
                            <label >停卡天数</label>
                            <input type="text" class="form-control" placeholder="请输入停卡天数">
                        </div>
                    </form>
                </div>

            </div>
            </p>

            <p>
            <div class="row">
                <div class="col-lg-4">

                    <form class="form-inline">
                        <div class="form-group">
                            <label >停卡日期从</label>
                            <input type="text" class="form-control" placeholder="请输入停卡日期">
                        </div>
                    </form>

                </div>

                <div class="col-lg-4">
                    <form class="form-inline">
                        <div class="form-group">
                            <label >到日期</label>
                            <input type="text" class="form-control" placeholder="请输入日期">
                        </div>
                    </form>
                </div>
                <div class="col-lg-4">
                    <form class="form-inline">
                        <div class="form-group">
                            <label >停卡天数</label>
                            <input type="text" class="form-control" placeholder="请输入停卡天数">
                        </div>
                    </form>
                </div>

            </div>
            </p>

            <p>
            <div class="row">
                <div class="col-lg-4">

                    <form class="form-inline">
                        <div class="form-group">
                            <label >停卡费</label>
                            <input type="text" class="form-control" placeholder="请输入停卡费">
                        </div>
                    </form>

                </div>

            </div>
            </p>
            <p>
            <div class="row">
                <div class="col-lg-4">

                    <form class="form-inline">
                        <div class="form-group">
                            <label >备注</label>
                            <input type="text" class="form-control" placeholder="请输入备注">
                        </div>
                    </form>

                </div>

            </div>
            </p>

            <p>
            <div class="row">
                <div class="col-lg-3 text-right col-md-push-3">
                    <button type="submit" class="btn btn-success">确定停卡</button>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <button type="reset" class="btn btn-warning">取消</button>
                </div>

            </div>
            </p>
    </tab>
        <tab heading="退卡">
            <div class="row">
                <div class="col-lg-2">
                    <form class="form-inline">
                        <div class="form-group">
                            <label>会员卡号:</label>
                            <label>001</label>
                        </div>
                    </form>
                </div>
                <div class="col-lg-2">
                    <form class="form-inline">
                        <div class="form-group">
                            <label >会员姓名:</label>
                            <label >李四</label>

                        </div>
                    </form>
                </div>
                <div class="col-lg-2">

                    <form class="form-inline">
                        <div class="form-group">
                            <label >联系电话：</label>
                            <label >110</label>

                        </div>
                    </form>
                </div>
                <div class="col-lg-2">
                    <form class="form-inline">
                        <div class="form-group">
                            <!--          <label >会员购卡方案：</label>
                                      <label >充100送100</label>-->

                        </div>
                    </form>
                </div>
                <div class="col-lg-4">
                    <form class="form-inline">
                        <div class="form-group">
                            <label >提醒信息</label>
                            <label >暂无</label>
                        </div>
                    </form>
                </div>
            </div>

            <div class="row">
                <table class="table table-hover">
                    <thead>
                    <tr>
                        <th>编号</th>
                        <th>储值类型</th>
                        <th>卡类型</th>
                        <th>卡内金额</th>
                        <th>剩余次数</th>
                        <th>剩余天数</th>
                        <th>开始日期</th>
                        <th>截止日期</th>
                        <th>消费项目</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>1</td>
                        <td>金额卡</td>
                        <td>金卡</td>
                        <td>100</td>
                        <td>无</td>
                        <td>无</td>
                        <td>2015/02/03</td>
                        <td>2015/02/03</td>
                        <td>详情</td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>金额卡</td>
                        <td>金卡</td>
                        <td>100</td>
                        <td>无</td>
                        <td>无</td>
                        <td>2015/02/03</td>
                        <td>2015/02/03</td>
                        <td>详情</td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>金额卡</td>
                        <td>金卡</td>
                        <td>100</td>
                        <td>无</td>
                        <td>无</td>
                        <td>2015/02/03</td>
                        <td>2015/02/03</td>
                        <td>详情</td>
                    </tr>

                    </tbody>
                </table>
            </div>
            <p>
            <div class="row">
                <div class="col-lg-3">
                    <form class="form-inline">
                        <div class="form-group">
                            <label>储值类型:</label>
                            <label>金额卡</label>
                        </div>
                    </form>
                </div>
                <div class="col-lg-3">
                    <form class="form-inline">
                        <div class="form-group">
                            <label >卡类型</label>
                            <label >金卡</label>

                        </div>
                    </form>
                </div>
            <div class="col-lg-3">
                <form class="form-inline">
                    <div class="form-group">
                        <label >原购卡金额</label>
                        <label >2000</label>

                    </div>
                </form>
            </div>
            <div class="col-lg-3">
                <form class="form-inline">
                    <div class="form-group">
                        <label >卡内可消费金额</label>
                        <label >6000</label>

                    </div>
                </form>
            </div>
            </div>

            <div class="row">
                <div class="col-lg-4">
                    <form class="form-inline">
                        <div class="form-group">
                            <label>当前卡内余额:</label>
                            <label>30</label>
                        </div>
                    </form>
                </div>
                <div class="col-lg-4">
                    <form class="form-inline">
                        <div class="form-group">
                            <label >退还押金</label>
                            <label >40</label>

                        </div>
                    </form>
                </div>
                <div class="col-lg-4">
                    <form class="form-inline">
                        <div class="form-group">
                            <label >退还金额</label>
                            <input type="text" class="form-control" placeholder="请输入退还金额">

                        </div>
                    </form>
                </div>
              、
            </div>
            </p>
            <p>
            <div class="row">
            <div class="col-lg-3 text-right col-md-push-3">
                <button type="submit" class="btn btn-success">确定退卡</button>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <button type="reset" class="btn btn-warning">取消</button>
            </div>

            </div>
            </p>

            <br/>
            <br/>
            <br/>
            <p>
            <div class="row">


            </div>
            </p>

        </tab>
        </tab>
        </tab>
    </tabset>
</div>


